{% extends "base.html" %}

{% block style %}
    <link rel="stylesheet" type="text/css" href="../../static_media/css/user/myImages.css">
{% endblock style %}

{% block script %}
{% endblock script %}

{% block content %}
		<!-- .left -->
		<div class="left">
			<div id="accordionMenu" class="accordion">
				<style type="text/css">
		.accordion #one:target .heading + .menuContent {
			height:{{height}}px;
		}
		</style>
				<div id="one" class="section">
					<div class ="heading"> <a href="#one">My Excursions</a> </div>
					<div class="menuContent">
						<ul>
							{% for excursion in my_excursions %}
							<li> <a href="/user/excursion/{{ excursion.pk }}/ ">{{ excursion.name }}</a> </li>
							{% endfor %}
						</ul>
					</div>
				</div>
				<div id="two" class="section">
					<div class ="heading"> <a href="#two">My Images</a> </div>
					<div class="menuContent">
						<ul>
							<li> <a href="/user/images/">My Images</a> </li>
						</ul>
					</div>
				</div>
				<div id="three" class="section">
					<div class ="heading"> <a href="#three">Create</a> </div>
					<div class="menuContent">
						<ul>
							<li> <a href="/user/new_excursion/">Excursion</a> </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- end .left --> 
		
		<!-- .right -->
		<div class="right">
			{% for excursion in excursions %}
			<div class="item">
				<div class="itemHeading"> {{excursion.name}} </div>
				<div class="images">
					{% for image in images %}
						{% if image.excursion.pk == excursion.pk %}
							<div class="imageItem"> <a href="/user/images/edit/{{image.pk}}/"> <img src="{{ image.image.thumb.url }}" alt="{{ image.name }}" class="image"/> </a> </div>
						{%endif%}
					{% endfor %}
				</div>
			</div>
			{% endfor %}
		</div>
		<!-- end .right --> 

{% endblock content %}
